/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 23, 2014, 2:24:15 PM
    Author     : developer777
*/
@import "constants.less";
@import "liquidator.less";
@import "table.less";
@import "forms.less";
@import "widths.less";
body{
    background-color: @backgroundColor;
    color: @textColor;
    min-height:1000px;
    
    .ml{
        margin-left: 5px;
    }
    .mr{
        margin-right: 5px; 
    }
    
    .main-wrapper{
        width:100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        .state-wrapper{
            border: 1px solid #999;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5px 0;
        }
    }
    
    .header{
        position:relative;
        h1{
            margin: 0;
            padding: 5px 10px 0 10px;
            font-size: 18px;
        }
        div{
            padding: 5px 10px;
            font-size: 12px;
        }
        .logo{
            position:absolute;
            right:0;
            top:0;
            margin:7px;
        }
    }
    .topmenu{
        width:100%;
        text-align: center;
        min-height:35px;
        ul{
            padding:0;
            width:685px;
            margin:0 auto;
            li{
                background-color: #555;
                font-size: 12px;
                margin:2px;
                padding:5px 5px;
                float:left;
                display:block;
                width:100px;
                text-align: center;
                &:hover{
                    background-color: #444;
                    cursor:pointer;
                }
                &.active{
                    background-color: #777;
                    font-weight: bold;
                    cursor: default;
                }
            }
        }
    }
    .tabs{
        width:100%;
        margin-left: 10px;
        top: 5px;
        position: relative;
        .tab{
            position: relative;
            float:left;
            border: 1px solid #999;
            margin: 0 2px 0 0;
            font-size: 12px;
            padding:1px 4px;
            cursor: pointer;
            top:3px;
            background-color: #292929;
            &:hover{
                background-color: #555;
            }
            &.active{
                background-color: @backgroundColor;
                border-bottom: 1px solid @backgroundColor;
                z-index: 1000;
                top: 1px;
                padding:2px 4px;
                cursor: default;
                &:hover{
                    background-color: @backgroundColor;
                }
            }
            
        }
    }
    .scrollable{
        scrollbar-3dlight-color:#666;
        scrollbar-arrow-color:#333;
        scrollbar-base-color:#444;
        scrollbar-darkshadow-color:#555;
        scrollbar-face-color:#666;
        scrollbar-highlight-color:#666;
        scrollbar-shadow-color:#666;
        scrollbar-track-color:#333;
        overflow-y: auto;
    }
    ::-webkit-scrollbar{
        background: @backgroundColor;
    }
    ::-webkit-scrollbar-track{
        background: #555;
    }
    ::-webkit-scrollbar-button{
        height:0;
        background: #555;
    }
    ::-webkit-scrollbar-track-piece{
        background: #555;
    }
    ::-webkit-scrollbar-thumb{
        background: #666;
        border-radius: 2px;
    }
}

